    $(function () {
    layui.use(["laypage", "table", "form"], function () {
        var laypage = layui.laypage;
        var page, limit;
        var $ = layui.jquery;
        var form = layui.form;
        var table = layui.table;
        var element = layui.element;

        //1.表格渲染
        table.render({
            elem: '#tb',
            url: '../activity/findAll',
            toolbar: '#toolbarDemo', //开启头部工具栏，并为其绑定左侧模板
            defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
                title: '提示',
                layEvent: 'LAYTABLE_TIPS',
                icon: 'layui-icon-tips'
            }],
            height: 480,
            title: '活动数据表',
            cols: [
                [ //表头
                    {
                        type: 'checkbox',
                        fixed: 'left'
                        // style: 'text-align:center'
                    }, {
                    field: 'id',
                    title: 'ID',
                    width: 100,
                    sort: true,
                    fixed: true
                }, {
                    field: 'ac_name',
                    title: '活动名称',
                    width: 100
                }, {
                    field: 'ac_object',
                    title: '关联对象',
                    width: 200
                }
                    , {
                    field: 'ac_creator',
                    title: '创建人',
                    width: 200
                }, {
                    field: 'ac_type',
                    title: '活动类型',
                    width: 200
                }, {
                    field: 'ac_start_time',
                    title: '开始时间',
                    width: 200
                }, {
                    field: 'ac_end_time',
                    title: '截止时间',
                    width: 100,
                }, {
                    field: 'ac_budget',
                    title: '预算',
                    width: 100,
                }, {
                    field: 'ac_site',
                    title: '地址',
                    width: 100,
                    sort: true
                }, {
                    field: 'ac_create_time',
                    title: '创建时间时间',
                    width: 150,
                    sort: true
                }, {
                    field: 'ac_introduction',
                    title: '简介',
                    width: 200
                }, {
                    fixed: 'right',
                    title: '操作',
                    width: 200,
                    align: 'center',
                    toolbar: '#barDemo'
                }
                ]
            ],
            page: true,
            id: 'testReload',
            parseData: function (res) { //将原始数据解析成 table 组件所规定的数据
                return {
                    "code": res.code, //解析接口状态
                    "msg": res.msg, //解析提示文本
                    "count": res.count, //解析数据长度
                    "data": res.data //解析数据列表
                }
            }

        });


        //2.监听表格复选框选择
        table.on('checkbox(ac_demo)', function (obj) {
            console.log(obj)
        });

        //3.监听表格操作
        table.on('tool(ac_demo)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
            var data = obj.data; //获得当前行数据
            var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
            var tr = obj.tr; //获得当前行 tr 的DOM对象

            if (layEvent === 'del') { //删除
                layer.confirm('真的删除ID为：' + data.userId + "的用户吗?", function (index) {

                    //console.log(data.p_id);
                    //向服务端发送删除指令
                    $.ajax({
                        url: '../activity/deleteActivity',
                        type: 'post',
                        data: {
                            'id': data.userId
                        }, //向服务端发送删除的id
                        success: function (suc) {
                            if (suc == 200) {
                                obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
                                layer.close(index);
                                console.log(index);
                                layer.msg("删除成功", {
                                    icon: 1
                                });
                            } else {
                                layer.msg("删除失败", {
                                    icon: 5
                                });
                            }
                        }
                    });
                    layer.close(index);
                });

            } else if (layEvent === 'edit') { //编辑
                console.log(data);
                layer.open({
                    //layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
                    type: 2,
                    title: "修改活动信息",
                    shade: 0.8,
                    area: ['800px', '70%'],
                    shadeClose: false,
                    content: 'addActivity.html' //引用的弹出层的页面层的方式加载修改界面表单
                });


                //要求在html中要有表单
                /* //用于给指定表单集合的元素赋值和取值,如果 object 参数存在，则为赋值
                form.val("usereditform", {
                    "userid": data.userId,
                    "userno": data.jobNo,
                    "username": data.userName,
                    "userpwd": data.pwd,
                    "userclass": data.class
                }); */


                /* //同步更新缓存对应的值
                layer.confirm('要修改ID为：' + data.userId + "的用户吗?", function(index) {
                    console.log(data.inexType);
                    var useredit = {
                        "userId": data.userId,
                        "jobNo": data.jobNo,
                        "userName": data.userName,
                        "pwd": data.pwd,
                        "class": data.class
                    };
                    $.ajax({
                        url: '',
                        type: 'post',
                        data: useredit,
                        //dataType:'json',
                        success: function(sess) {
                            if (sess == 200) {
                                layer.msg("编辑成功", {
                                    icon: 1
                                });
                            } else {
                                layer.msg("编辑失败", {
                                    icon: 5
                                });
                            }
                        },
                        error: function(xhr, status, error) {
                            console.log(xhr);
                            console.log(status);
                            console.log(error);
                        }
                    });
                }); */
            }
        });


        //4.下拉选择框的监听
        form.on('select(ac_select)', function (data) {
            //console.log(data.elem); //得到select原始DOM对象
            //console.log(data.othis); //得到美化后的DOM对象
            console.log(data.value); //得到被选中的值
            var value = data.value;
            if (value == 1) {
                table.reload('testReload', {
                    url: '../activity/findAll',
                    //methods:"post"
                    page: {
                        curr: 1 //条件查询从第一页开始，否则从当前页面开始
                    }
                });
            } else {
                table.reload('testReload', {
                    url: '../activity/findByUserId',
                    //methods:"post"
                    where: {
                        cu_userid: 2 //设置需要传递的参数

                    },
                    page: {
                        curr: 1 //条件查询从第一页开始，否则从当前页面开始
                    }
                });
            }
        });


        //5.创建客户弹出层
        //alert
        $("#ac_create").click(function () {
            //input here
            layer.open({
                type: 2,
                // title: '请填写表单',
                shadeClose: true,
                shade: 0.8,
                area: ['800px', '70%'],
                shadeClose: false,
                content: 'addActivity.html', //iframe的url
                /* end: function() { //刷新页面
                    location.reload();
                } */
            });
            //input above
        });

        //6.删除所有客户弹出层
        //alert
        $("#ac_del").click(function () {
            layer.alert("是否要删除全部活动")
            $.ajax({
                type: "POST",
                url: "../activity/deleteActivity",
                //data: ,
                dataType: "JSON",
                success: function (data) {
                    if (data.msg) {
                        layer.closeAll();
                        parent.location.reload();
                    }
                }
            });
        });

        //7.搜索按钮
        $('#search_btn').click(function () {
            var inputVal = $('#ac_input').val();
            console.log(inputVal);
            if (inputVal == '' || inputVal == null) {
                table.reload('testReload', {
                    url: '../activity/findAll',
                    //methods:"post"
                    where: {
                        ac_name: inputVal //设置需要传递的参数

                    },
                    page: {
                        curr: 1 //条件查询从第一页开始，否则从当前页面开始
                    }
                });
            } else {
                table.reload('testReload', {
                    url: '../activity/findByName',
                    //methods:"post"
                    where: {
                        ac_name: inputVal //设置需要传递的参数

                    },
                    page: {
                        curr: 1 //条件查询从第一页开始，否则从当前页面开始
                    }
                });
            }

        });


        //键盘enter键
        $('.layui-input').keydown(function (e) {//当按下按键时
            if (e.which == 13) {//.which属性判断按下的是哪个键，回车键的键位序号为13
                // $('button.search123').trigger("click");//触发搜索按钮的点击事件
                $("#search_btn").click();
            }
        });

        //8.清空输入框
        //显示清空按钮
        $('#search_box').mouseover(function () {
            var inputVal = $(ac_input).val();
            $('#inputClear').removeClass('layui-hide');
        })

        //不显示清空按钮
        $('#search_box').mouseout(function () {
            var inputVal = $(ac_input).val();
            $('#inputClear').addClass('layui-hide');
        })

        $('#inputClear').click(function () {
            var inputVal = $('#ac_input').val();
            if (inputVal != '' || inputVal != null) {
                console.log("清空输入框")
                $('#ac_input').val('');
            }
        })

    })

        // sessionStorage.setItem("")

})
